<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>

        </h:head>

        <h:body>

                      <p:layout fullPage="true">

                <p:layoutUnit position="north" size="70" resizable="true" closable="true" collapsible="true" >
                    <a href="../principal.xhtml">
                    <img src="../Cabeza.png" width="100%" height="37" alt="Cabeza"/>
                    </a>
       <h:form>
    <p:growl id="messages" showDetail="true"/>
 

</h:form>        
                    
       

                </p:layoutUnit>

                <p:layoutUnit position="south" size="150" closable="true" collapsible="true">
                    <center><H1>Ventas</H1> </center> <a href="Clientes.xhtml">LOL</a>
                    <img src="../pie.jpg" width="100%" height="37" alt="Cabeza"/>
                </p:layoutUnit>

              

                <p:layoutUnit position="center" style="background-color:#FFFFFF;">
         
    
                    

                    <p:tabView orientation="left" style="width:100%">
        <p:tab title="Productos">
            <h:panelGrid columns="2" cellpadding="10">

                    <h:form>
                          <p:panel header="Ingreso Producto" style="width:320px">
                            <h:panelGrid columns="2" cellpadding="5">
                               <h:outputLabel for="id" value="Codigo"  />
                              <p:inputText value="" id="codigo" required="true" style="width:80%"/>
                              <h:outputLabel for="pro" value="Producto" />
                              <p:inputText value="" id="product" required="true" style="width:80%"/>
                              <h:outputLabel for="des" value="Precio Compra" />
                              <p:inputText value="" id="pre_com" required="true" style="width:80%"/>
                              <h:outputLabel for="des" value="Precio Venta" />
                              <p:inputText value="" id="pre_vent" required="true" style="width:80%"/>
                              <h:outputLabel for="other" value="Cantidad" />
                              <p:inputText value="" id="more" required="true" style="width:80%"/>
                                 <p:growl id="messages" />

                        <p:splitButton value="Save" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Update" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:menuitem value="Delete" actionListener="#{buttonView.delete}" ajax="false" icon="ui-icon-close" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
                   </h:form>  
                    

                  <h:form>    
                         <h:form>
                            <h:panelGrid columns="4" cellpadding="5">
                                <h:outputLabel for="name" value="ID" style="font-weight:bold" />
                                <p:inputText id="name" value="#{basicView.text}" />
                                <p:commandButton value="Buscar" update="display" icon="ui-icon-check" />
                                <h:outputText id="display" value="#{basicView.text}" />
                            </h:panelGrid>
                         </h:form>
                    <p:dataTable var="car" value="#">
                        <p:column headerText="Id">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Producto">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Precio Compra">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Precio Venta">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Cantidad">
                            <h:outputText value="#" />
                        </p:column>
                    </p:dataTable>
                  </h:form>

            </h:panelGrid>
        </p:tab>
 <!-- Fin Productos -->
 
                        <!-- Inicio Pestaña Para Clinetes  -->
 
        <p:tab title="Clientes">
            <h:panelGrid columns="2" cellpadding="10">
                 <h:form>
                          <p:panel header="Ingreso Cliente" style="width:320px">
                            <h:panelGrid columns="2" cellpadding="5">
                               <h:outputLabel for="id" value="Codigo" />
                              <p:inputText value="" id="codigo" required="true" style="width:85%"/>
                              <h:outputLabel for="pro" value="Nombre" />
                              <p:inputText value="" id="nom" required="true" style="width:85%"/>
                              <h:outputLabel for="des" value="Apellido" />
                              <p:inputText value="" id="ape" required="true" style="width:85%"/>
                              <h:outputLabel for="des" value="Dirección" />
                              <p:inputText value="" id="dir" required="true" style="width:85%"/>
                              <h:outputLabel for="other" value="Teléfono" />
                              <p:inputText value="" id="tel" required="true" style="width:85%"/>
                                 <p:growl id="messages" />

                        <p:splitButton value="Save" actionListener="#{buttonView.save}" update="messages" icon="ui-icon-disk">
                            <p:menuitem value="Update" actionListener="#{buttonView.update}" update="messages" icon="ui-icon-arrowrefresh-1-w" />
                            <p:menuitem value="Delete" actionListener="#{buttonView.delete}" ajax="false" icon="ui-icon-close" />
                            <p:separator />
                            <p:menuitem value="Cancelar" url="#" icon="ui-icon-extlink" />
                        </p:splitButton>
                          </h:panelGrid>
                        </p:panel>
                   </h:form>  
                    

                  <h:form>    
                         <h:form>
                            <h:panelGrid columns="4" cellpadding="5">
                                <h:outputLabel for="name" value="ID" style="font-weight:bold" />
                                <p:inputText id="name" value="#{basicView.text}" />
                                <p:commandButton value="Buscar" update="display" icon="ui-icon-check" />
                                <h:outputText id="display" value="#{basicView.text}" />
                            </h:panelGrid>
                         </h:form>
                    <p:dataTable var="car" value="#">
                        <p:column headerText="Id">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Nombre">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Direcció">
                            <h:outputText value="#" />
                        </p:column>

                        <p:column headerText="Telefono">
                            <h:outputText value="#" />
                        </p:column>
                    </p:dataTable>
                  </h:form>
            </h:panelGrid>
        </p:tab>
                        
<!-- Fin Productos -->
<!-- Inicio Facturacion -->

        <p:tab title="Facturación">
  
             <h:form id="form">
    <p:growl id="msgs" />
 
    <h:panelGrid columns="1"  id="image">
        
    <p:panel header="Información Cliente" >
        <h:panelGrid columns="10" cellpadding="5">
            <h:outputLabel value="Codigo:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_co_cliente" value="" required="true" size="10"/>
            
            <h:outputLabel value="Nombre:" for="txt_des"></h:outputLabel>
            <p:inputText id="txt_nom_cliente" value="" required="true"/>     
       <h:outputLabel value="Tipo de pago:" for="txt_pago"></h:outputLabel>
        <p:selectOneMenu id="pago" value="#">
            <f:selectItem itemLabel="Select One" itemValue="" />
            <f:selectItem itemLabel="Contado" itemValue="" />
            <f:selectItem itemLabel="Credito" itemValue="" />
        </p:selectOneMenu>
        </h:panelGrid>
    </p:panel>
    
    <p:panel header="Agregar producto" >
        
        <h:panelGrid columns="6" cellpadding="5">
            <h:outputLabel value="Codigo:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_co" value="" required="true" size="10" />
            
            <h:outputLabel value="Descripción" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_descrip" value="" required="true"/>
            
            <h:outputLabel value="Descuento:" for="txt_des"></h:outputLabel>
            <p:inputText id="txt_des" value="" required="true" size="4"/>
            
            <h:outputLabel value="Cantidad:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_cant" value="" required="true" size="5"/>
            
            <p:commandButton id="btn_reset" value="Reset" type="reset"/>
            <p:commandButton id="btn_add" value="Add" update="books msgs @parent" action="#" >
                <p:collector value="#" addTo="#" unique="true"/>
            </p:commandButton>
        </h:panelGrid>
    </p:panel>
 
 </h:panelGrid>   
    
    
    <p:outputPanel id="books">
        <p:dataTable value="" var="book" id="booksTable">
 
            <p:column headerText="Codigo">
                <h:outputText value="123454AZ" />
            </p:column>
 
            <p:column headerText="Authr">
                <f:facet name="header">
                    <h:outputText value="Producto" />
                </f:facet>
                <h:outputText value="pro123" />
            </p:column>
            <p:column headerText="cant">
                <f:facet name="header">
                    <h:outputText value="Cantidad" />
                </f:facet>
                <h:outputText value="12" />
            </p:column> 
            <p:column headerText="tot">
                <f:facet name="header">
                    <h:outputText value="Total" />
                </f:facet>
                <h:outputText value="Q.1200.00" />
            </p:column> 
            <p:column headerText="Action">
                <p:commandLink value="Eliminar" >
                    <p:collector value="#" removeFrom="#" unique="true"/>
                </p:commandLink>
            </p:column>
 
        </p:dataTable>
    </p:outputPanel>
    
    <h:panelGrid columns="3">
    <p:commandButton value="Guardar" id="save" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
    <p:commandButton value="Cancelar" id="cancel" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
     <p:commandButton value="Imprimir" type="button" icon="ui-icon-print" style="display:block;">
     <p:printer target="image" />
     </p:commandButton>
    </h:panelGrid>
    
    
</h:form>
            
        </p:tab>
  
<!-- ......................................................Fin facturación............................................................................. -->
<!-- ......................................................Inicio cotizacion........................................................................... -->
 <p:tab title="Cotizaciones">
  
             <h:form>
    <p:growl id="msgs" />
 
    <h:panelGrid columns="1"  id="image">
        
    <p:panel header="Información Cliente" >
        <h:panelGrid columns="10" cellpadding="5">
            <h:outputLabel value="Codigo:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_co_cliente" value="" required="true" size="10"/>
            
            <h:outputLabel value="Nombre:" for="txt_des"></h:outputLabel>
            <p:inputText id="txt_nom_cliente" value="" required="true"/>     

        </h:panelGrid>
    </p:panel>
    
    <p:panel header="Agregar producto" >
        
        <h:panelGrid columns="6" cellpadding="5">
            <h:outputLabel value="Codigo:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_co" value="" required="true" size="10" />
            
            <h:outputLabel value="Descripción" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_descrip" value="" required="true"/>
            
            <h:outputLabel value="Descuento:" for="txt_des"></h:outputLabel>
            <p:inputText id="txt_des" value="" required="true" size="4"/>
            
            <h:outputLabel value="Cantidad:" for="txt_co"></h:outputLabel>
            <p:inputText id="txt_cant" value="" required="true" size="5"/>
            
            <p:commandButton id="btn_add" value="Add" update="books msgs @parent" action="#" >
                <p:collector value="#" addTo="#" unique="true"/>
            </p:commandButton>
        </h:panelGrid>
    </p:panel>
 
 </h:panelGrid>   
    
    
    <p:outputPanel id="books">
        <p:dataTable value="" var="book" id="booksTable">
 
            <p:column headerText="Codigo">
                <h:outputText value="123454AZ" />
            </p:column>
 
            <p:column headerText="Authr">
                <f:facet name="header">
                    <h:outputText value="Producto" />
                </f:facet>
                <h:outputText value="pro123" />
            </p:column>
            <p:column headerText="cant">
                <f:facet name="header">
                    <h:outputText value="Cantidad" />
                </f:facet>
                <h:outputText value="12" />
            </p:column> 
            <p:column headerText="tot">
                <f:facet name="header">
                    <h:outputText value="Total" />
                </f:facet>
                <h:outputText value="Q.1200.00" />
            </p:column> 
            <p:column headerText="Acción">
                <p:commandLink value="Eliminar" >
                    <p:collector value="#" removeFrom="#" unique="true"/>
                </p:commandLink>
            </p:column>
 
        </p:dataTable>
    </p:outputPanel>
    
    <h:panelGrid columns="4">
    <p:commandButton value="Guardar" id="save" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
    <p:commandButton value="Cancelar" id="cancel" actionListener="#{buttonView.buttonAction}" styleClass="ui-priority-primary" />
     <p:commandButton value="Imprimir" type="button" icon="ui-icon-print" style="display:block;">
     <p:printer target="image" />
     </p:commandButton>
         <p:commandButton value="Enviar" type="button" icon="ui-icon-print" style="display:block;">
     <p:printer target="image" />
     </p:commandButton>
    </h:panelGrid>
    
    
</h:form>
            
        </p:tab>
                    
                    
                    
                    
  </p:tabView>
                    
                    
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>


